<template>
  <div class="mt100 mb100">
    <a-row type="flex" align="middle"
           class="mb50">
        <a-col :span="24">
            <h1><strong class="font50">我们的服务</strong></h1>
            <p class="font12 gray">拥有健康身心的人，更容易保持乐观，而乐观正是培养积极生活态度所不可缺少的条件
                一个冬小麦丰富的人往往懂得健康这道，把维护健康看作是生命的崇高责任。
                一个不爱惜自己生命的人又怎么能体验幸福的滋味呢?只有充沛的生命力，
                才可以抵抗各种疾病，渡过各种难关，迎接一个又一个的挑战。</p>
        </a-col>
    </a-row>
    <a-row :gutter="[32, 32]" type="flex" justify="space-around" align="middle">
        <a-col v-for="(item, index) in cards" :key="index"
               :xl="8" :lg="12" :md="12" :sm="24" :xs="24">
            <a-card :title="item.title" class="text_left">
                <template #extra><a href="#">更多 ></a></template>
                <p class="gray">{{ item.content }}</p>
            </a-card>
        </a-col>
    </a-row>
  </div>
</template>

<script>
export default {
    data() {
        return {
            cards: [{
                    title: '健康课程',
                    content: '健康是生命之基，是人生幸福的源泉。健康不能代替一切，但是没有健康就没有一切要创造人生辉煌、享受生活乐趣，就必须珍惜健康，学会健康生活，让健康成为幸福人生的源泉。'
                }, {
                    title: '健康知识',
                    content: '人生是否幸福，或许有很多的衡量标准，而健康永远被列在第一位。失去了健康，没有了健全的体魄与饱满的精神，生命就会黯然失色，生趣索然。'
                }, {
                    title: '健康问答',
                    content: '现代生活节奏快，压力大，很多家庭忽视了对家人健康的经营。其实，我们需要将健康列为家庭的一个重点来维护，无论贫困或富裕，健康才是幸福的基础。'
                }, {
                    title: '健康管理',
                    content: '一个身体不健康的人，常常是思想消极、悲观、缺乏信心和勇气的，难以产生创造性的思维。人生不是一帆风顺的，具有健康的体魄才能经受得起各种挑战和挫折，成就一番事业。'
                }, {
                    title: '健康推荐',
                    content: '本固枝荣，根深叶茂。要成就一番事业，就必须要有健康做支撑。因为，只有拥有了健康，你才能有足够的精力去开创事业的成功。本固枝荣，根深叶茂。'
                }, {
                    title: '同款APP',
                    content: '健康是人们成就事业的本钱。身体健康与心理健康两者是相辅相成、互相影响的，且又制约着人际关系和谐与否，尤其是信心和勇气两种心理状态，直接关系到事业的成败。'
                }
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
// .aca_main {
//     .aca_main_text {
//         padding: 100px;
//     }
//     .aca_main_group {
//         display: flex;
//         flex-direction: row;
//         justify-content: space-evenly;
//     }
// }
</style>